import React from 'react'
import { Form, Input, Card, Button, InputNumber } from 'antd'
import { PageHeaderWrapper } from '@ant-design/pro-layout'


export default () => {
    return (
        <PageHeaderWrapper title={false}>
            <Card>
                <nav style={{ borderLeft: "4px solid #4685FD", paddingLeft: "10px", marginBottom: "28px", fontWeight: 600 ,fontSize:"16px"}}>订单时间设置</nav>
                <Form
                    labelCol={{ span: 3 }}
                    wrapperCol={{ span: 9 }}
                >
                    <Form.Item style={{ marginBottom: "16px" }} label="未付款自动关闭时间" required help="订单开始后多长时间未付款自动关闭(注：不填写或0订单将不会自动关闭)">
                        <InputNumber style={{ width: "180px" }} />
                    </Form.Item>
                    <Form.Item style={{ marginBottom: "16px" }} label="发货后自动收货时间" required help="订单多长时间后自动收货(注：若为0，则订单不会自动收货)">
                        <InputNumber style={{ width: "180px" }} />
                    </Form.Item>
                    <Form.Item style={{ marginBottom: "16px" }} label="收货后自动完成时间" required help="收货后，多长时间订单自动完成">
                        <InputNumber style={{ width: "180px" }} />
                    </Form.Item>
                    <Form.Item wrapperCol={{ offset: 3 }} style={{ marginTop: "15 px" }}>
                        <Button type="primary">保存</Button>
                    </Form.Item>
                </Form>
            </Card>
        </PageHeaderWrapper>
    )
}